{include file="public/header"/}
<link rel="stylesheet" href="/public/static/admin/easyui/layui-v2.6.8/css/layui.css">
<style>
    body{background: #fff;}
    .manage-wrap{top :0;left :0; margin: 25px auto 10px;width: 600px;}
    .manage-wrap .ui-input{width: 185px;font-size:12px;}
    .row-item{float:left ; width:50%;}
    #balance{text-align:right;}
    .mod-form-rows .label-wrap {font-size: 12px;}
    .p1 {width:100%;}
    #address{width:485px;}
    .mod-form-rows .ctn-wrap{position:relative ;height:32px;}
    .layui-form-select dl{max-height: 170px;}
</style>
<div id="manage-wrap" class="manage-wrap layui-form editPopupBox">
    <form id="manage-form" action="#">
        <ul class="mod-form-rows cf" id="area-picker">
            <li class="row-item">
                <div class="label-wrap"><label for="shortName">地址简称：</label></div>
                <div class="ctn-wrap"><input type="text" value="" class="ui-input" name="shortName" id="shortName">
                </div>
            </li>
            <li class="row-item">
                <div class="label-wrap"><span class="red spe_red">*</span><label for="phone">联系电话：</label></div>
                <div class="ctn-wrap"><input type="text" value="" class="ui-input phone-group" name="phone" id="phone">
                </div>
            </li>
            <li class="row-item">
                <div class="label-wrap"><span class="red spe_red">*</span><label for="mobile">手机号码：</label></div>
                <div class="ctn-wrap"><input type="text" value="" class="ui-input phone-group" name="mobile"
                        id="mobile"></div>
            </li>
            <li class="row-item">
                <div class="label-wrap"><span class="red spe_red">*</span><label for="postalcode">邮政编码：</label></div>
                <div class="ctn-wrap"><input type="text" value="" class="ui-input" name="postalcode" id="postalcode">
                </div>
            </li>
            <li class="row-item">
                <div class="label-wrap"><span class="red spe_red">*</span><label for="linkman">联系人：</label></div>
                <div class="ctn-wrap"><input type="text" value="" class="ui-input" name="linkman" id="linkman"></div>
            </li>
            <li class="row-item">
                <div class="label-wrap"><span class="red spe_red">*</span><label for="linkman">默认地址：</label></div>
                <div class="layui-input-inline" style="width: 200px;">
                    <select name="isDefault" lay-filter="aihao">
                        <option value="0">否</option>
                        <option value="1">是</option>
                    </select>
                </div>
            </li>
            <li class="row-item">
                <div class="label-wrap"><span class="red spe_red">*</span><label for="province">省：</label></div>
                <div class="layui-input-inline" style="width: 200px;">
                    <select id="province" name="province" class="province-selector" data-value=" "
                        lay-filter="province-1">
                        <option value="">请选择省</option>
                    </select>
                </div>
            </li>
            <li class="row-item">
                <div class="label-wrap"><span class="red spe_red">*</span><label for="city">市：</label></div>
                <div class="layui-input-inline" style="width: 200px;">
                    <select id="city" name="city" class="city-selector" data-value=" " lay-filter="city-1">
                        <option value="">请选择市</option>
                    </select>
                </div>
            </li>
            <li class="row-item">
                <div class="label-wrap"><label for="area">区：</label></div>
                <div class="layui-input-inline" style="width: 200px;">
                    <select id="county" name="area" class="county-selector" data-value=" " lay-filter="county-1">
                        <option value="">请选择区</option>
                    </select>
                </div>
            </li>
            <li class="row-item p1">
                <div class="label-wrap"><span class="red spe_red">*</span><label for="address">详细地址：</label></div>
                <div class="ctn-wrap"><input type="text" value="" class="ui-input" name="address" id="address"></div>
            </li>

        </ul>
    </form>
</div>
<script src="/public/static/admin/easyui/layui-v2.6.8/layui.js"></script>
<script>
    //配置插件目录
    layui.config({
        base: '/public/static/admin/easyui/mods/'
        , version: '1.0'
    });
    //一般直接写在一个js文件中
    layui.use(['layer', 'form', 'layarea'], function () {
        var layer = layui.layer
            , form = layui.form
            , layarea = layui.layarea;

        layarea.render({
            elem: '#area-picker',
            change: function (res) {
                //选择结果
                console.log(res);
            }
        });
    });
</script>
{include file="public/footer"/}